元素
- 嵌套元素
- 块级元素
- 内联元素
- 空元素:只有一个标签
- < img >
- 无语义元素
- span/div
属性
- 一个空格,它在属性和元素名称之间。如果一个元素具有多个属性,则每个属性之间必须由空格分隔。
- 属性名称,后面跟着一个等于号。
- 一个属性值,由一对引号("")引起来。
- < a >:超链接
框架
- doctype
- html
- head
- meta
- title
- body
文本处理
- 段落元素 p
- 标题元素 h1/h2/h3
- 列表元素 ul/ol li
- 语义元素
- 强调 em
- 强烈 strong
- 表象元素
- 粗体 b
- 斜体 i
- 下划体 u
- 换行 br
- 水平分割线 hr
- 引用(感觉没啥用)
- 缩略语:显示提示 abbr(title)
- 上标/下标 sup/sub
- 时间 time(date)
链接
想给什么加链接,就用" < a href="">< /a> "给他包起来
- 块级链接
- 图片链接
- 加title 作为提示信息
- 可以指向其他页面
- 可以指向文档片段
- 给片段设置id
- 将链接设置为"index.html# + id "
网页结构
- 页眉 header
- 导航栏 nav
- 主内容 main
- 侧边栏 aside
- 页脚 footer
- 文章内容 article
多媒体嵌入
- < img > (src alt)
- 设置预设宽高 width/height
- 图像标题 title
- video src
- audio src
- controls autoplay loop
- 直接复制视频分享的嵌入代码
- 本地调试需要在src前加https
- 矢量图形
- 响应图片
- 表格基础